/*轮播图片*/
#index-banner div {background: no-repeat center;}
#index-banner div a{display: block;height: 100%;width: 100%}
/*干细胞*/
.i-stem{position: relative;padding: 20px 0px 70px; width:100%;min-width: 1200px;}
.i-stem .img{width: 500px; height: 281px;float: left;overflow: hidden;}
.i-stem .info{float: left;width: 630px;margin-left:50px;  }
.i-stem .info p{ margin-top: 20px; font-size: 16px;line-height: 30px;
    white-space: pre-wrap;/* css-3 */
    white-space: -moz-pre-wrap;/* Mozilla, since 1999 */
    white-space: -o-pre-wrap;/* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break:break-all;}
.i-stem .info .button-list{overflow: hidden;margin-top: 30px;}
.i-stem .info .button-list li{margin-right: 20px;float: left; width: 150px;height: 35px;line-height: 35px;text-align: center;}
.i-stem .info .button-list li a{display: block;background: #555;
    border-radius: 3px;color:#fff;letter-spacing:3px;}

.i-stem .info .button-list li a:hover{background:#1ebbf0;}
.i-stem .info .button-list li a.green:hover{background:#2db608;}
/*优势*/
.i-advantage{position: relative;margin: 0px auto 20px; width:100%;min-width: 1200px;overflow: hidden;
    /*background: linear-gradient(-45deg, #797777, #23a6d5, #797777, #23a6d5);*/
    /*background: linear-gradient(-45deg, #2db608, #797777, #1ebbf0, #797777);*/
    /*background-size: 400% 400%;*/
    /*animation: gradientBG 30s ease infinite;*/
    background:#797777;

}
/*@keyframes gradientBG {*/
    /*0% {*/
        /*background-position: 0% 50%;*/
    /*}*/
    /*50% {*/
        /*background-position: 100% 50%;*/
    /*}*/
    /*100% {*/
        /*background-position: 0% 50%;*/
    /*}*/
/*}*/
.i-advantage .pg-canvas{position: absolute;z-index: 1;
}
.i-advantage .main-title{color:#fff;position: relative;z-index: 2; margin-top: 20px;}
.i-advantage .main-title *{color: #fff;}
.i-advantage .description{color: #fff; padding: 10px 20px 60px;text-align: center;position: relative;z-index: 2;}
.i-advantage ul{overflow:hidden;min-width:1200px;  margin:10px auto 0px;position: relative;z-index: 2;}
.i-advantage ul li{float:left;width: 25%; position: relative;background-size: 100% 100%;}
.i-advantage ul li.bg1{background-image: linear-gradient(0deg,#a9b3b5,#939b9e);}
.i-advantage ul li.bg2{background-image: linear-gradient(0deg,#b7b7b7,#d8d8d8);}
.i-advantage ul li.bg3{background-image: linear-gradient(0deg,#8e8f93,#818689);}
.i-advantage ul li.bg4{background-image: linear-gradient(0deg,#b7b7b7,#d8d8d8);}
.i-advantage ul li .cover{background: #1ebbf0;position: absolute;left:0px;top:0px;height: 100%;width: 100%;z-index: 3;display: none;}
.i-advantage ul li a{display: block;padding:10%;position: relative;z-index: 4;color: #fff;}
.i-advantage ul li a .title{font-size: 24px;text-align: center;line-height: 50px;height: 50px;margin: 20px auto 20px;}
.i-advantage ul li a .small_title{font-size: 15px;text-align: center;line-height: 30px;height: 120px;}
.i-advantage ul li a .img{padding: 10px 20px 0px;}

.i-advantage ul li:hover .cover{display: block;}
.i-advantage ul li :hover .img{opacity:0.6;}

/*首页服务*/
.i-service{position: relative;margin: 0px auto 20px; width:100%;min-width: 1200px;
}
.i-service ul{overflow:hidden;max-width:1200px;  margin:10px auto 0px;}
/*.i-service ul li{float:left;width: 273px;  margin-right: 30px; overflow: hidden;*/
    /*border-radius: 3px;*/
    /*background-color:#efefef;*/
    /*!*border:2px solid #efefef;*!*/
/*}*/
.i-service ul li{float:left;width: 380px;  margin-right: 30px; overflow: hidden;
    border-radius: 3px;
    background-color:#efefef;
    /*border:2px solid #efefef;*/
}
.i-service ul a{display: block;padding-bottom: 20px;}
.i-service ul li.m-r{margin-right: 0px;}
.i-service ul li .img{margin: 0px auto; width: 100%; height: 190px;overflow: hidden;}
.i-service ul li .img img{opacity: 0.9;}
.i-service ul li .title{width:80%;margin: 15px auto 5px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:bold;
    overflow: hidden;text-align: center;line-height: 40px; font-size: 18px;}
.i-service ul li .small_title{width:80%;color:#666;margin: 0px auto 30px;line-height: 30px;height: 90px;
    overflow: hidden;
    text-align: center;
}
.i-service ul li:hover .img img{transform: scale(1.05);opacity: 1;}
.i-service ul li:hover{background-color:#efefef;}


.i-service .btn{width: 98px;  height: 36px;line-height: 36px;text-align:center; margin: 20px auto 50px;}
.i-service .btn a{display: block; color: #fff;border-radius: 3px;    background: #555555;}
.i-service .btn a:hover{background-color: #1ebbf0;}



/*首页新闻*/
.i-news{position: relative;margin: 0px auto; overflow: hidden;background-color: #efefef; }
.i-news .i-news-list{width: 1200px;height: 600px;margin: 20px auto 0px;}
.i-news .i-news-list li{float: left;width:590px;overflow: hidden;margin-right: 20px;margin-bottom: 20px;background-color: #fff;}
.i-news .i-news-list li.m-r{margin-right: 0px;}
.i-news .i-news-list li:hover{box-shadow:0px 2px 5px #ccc;}
.i-news .i-news-list li a{display: block;position: relative; margin-bottom: 1px;}
.i-news .i-news-list li a .title{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin: 5px auto;overflow: hidden;margin:20px auto 10px;width: 550px;font-size: 20px;}
.i-news ul li a .description{ margin:0px auto 10px;width: 550px;color:#888;line-height: 20px;height: 40px; overflow: hidden;font-size: 12px;}
.i-news ul li a .date{ margin:0px auto 20px;width: 550px;color:#777;overflow: hidden;border-top:1px solid #efefef;padding-top: 10px;}
.i-news ul li a .date span {float:right;margin-right:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.i-news ul li a:hover .date span {margin-right:0px;}


/*首页人才招聘*/
.i-job{ overflow: hidden; }
.i-job ul{width: 1200px;margin: 10px auto 20px;}
.i-job ul li{margin-bottom:15px; padding: 15px; display:block;overflow: hidden;background-color:#efefef;}
.i-job ul li .title{float: left;width: 200px;border-right: 1px solid #ccc; padding:0px 20px;}
.i-job ul li .title strong{display: block;height: 50px;line-height: 50px;font-size: 22px;}
.i-job ul li .title p{color:#666;font-size: 14px;height: 35px;}
.i-job ul li .job-info{line-height: 25px;height: 75px;overflow: hidden;float: left;margin-left: 20px;font-size: 12px;}
.i-job ul li .job-icon{float:right;width: 120px;height: 36px;margin-top: 20px;}
.i-job ul li .job-icon a{display: block;
    color: #fff;border-radius: 3px;    background: #555; line-height: 36px; text-align: center;}
.i-job ul li .job-icon a:hover{background-color: #1ebbf0;color: #fff;}
.i-job .btn{width: 98px;height: 36px;line-height: 36px;text-align:center; margin: 0px auto;}
.i-job .btn a{display: block; color: #fff;border-radius: 3px;    background: #555;}
.i-job .btn a:hover{background-color: #1ebbf0;color: #fff;}
/*首页合作伙伴*/
.i-partner{ overflow: hidden; }
.i-partner ul{width: 1200px;margin: 0px auto;border-left:1px solid #ccc;border-top:1px solid #ccc;overflow: hidden;}
.i-partner ul li{float:left;width:calc(25% - 1px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;position: relative;cursor:pointer;}
.i-partner ul li .img{width:90%;margin:10px auto;height:151px;overflow: hidden;}
.i-partner ul li .img img {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
}
.i-partner ul li:hover img{transform: scale(1.05);opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    filter: grayscale(0%);}
.i-partner .btn{width: 98px;  height: 36px;line-height: 36px;text-align:center; margin: 20px auto 30px;}
.i-partner .btn a{display: block; color: #fff;border-radius: 3px;    background: #555555;}
.i-partner .btn a:hover{background-color: #1ebbf0;}